<template>
  <div class="footer">
    <ul>
<!--        <li><a href="#">首页</a></li><b>|</b>-->
<!--        <li><a href="#">关于我们</a></li><b>|</b>-->
<!--        <li><a href="#">媒体报道</a></li><b>|</b>-->
<!--        <li><a href="#">联系方式</a></li><b>|</b>-->
<!--        <li><a href="#">团购合作</a></li><b>|</b>-->
<!--        <li><a href="#">花店入驻</a></li><b>|</b>-->
<!--        <li><a href="#">在线补款</a></li><b>|</b>-->
<!--        <li><a href="#">同城送花</a></li><b>|</b>-->
<!--        <li><a href="#">为什么选择蔚的花店</a></li>-->
    </ul>
    <img src="../assets/brand8.png">
    <p class="p1">一束花的仪式感永远不会过时</p>
<!--    <p class="p2">蔚的花店 www.jrh.com 中国领先的鲜花网站，品牌鲜花网服务，鲜花速递专家！</p>-->
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="less" scoped>
.footer {
    width: 100%;
    height:300px;
    bottom: 0px;
    background-color: #f7f9fa;
    color: #737373;
    position: relative;
 
  ul {
    padding: 60px 170px;
    li{
        // 清除li前面那个小黑点
        list-style: none;
        display: inline;
        margin: 20px;
        a {
            color: #737373;
            // 去掉a标签的下划线
            text-decoration: none;
        }
    }
    br {
        color:  #f7f9fa;
    }

  }
  img {
    display: inline-block;
    position: absolute;
    margin: -5% 40%;
  }
  .p1 {
    position: absolute;
    margin-top: 4%;
    margin-left: 40%;
  }
  .p2 {
    position: absolute;
    margin-top: 7%;
    margin-left: 30%;
  }
}
</style>